<template>
<div>
      <ProTable
      :data="tableData"
      :column="column"
      :elProps="[]"
       :page="[]"
      :rowControl="[]"
      :disabled="[]"
      :controlWidth="[]"
    >
    </ProTable>
</div>
</template>

<script setup>
import { ref, watch } from 'vue' 

const column = {
        name:'課程名稱(必填)',
        schooltime:'上課時間(必填)',
        quittingtime:'下課時間(必填)',
        num:'上課人數(必填)',
        price:'價格(必填)',
        week:'上課星期(必填)',
        course_category:'課程分類(必填)',
        admins:'上課教練(必填)',
        remark:'備註',
        digest:'摘要',
};

const props = defineProps({
    excelTable:Object
})
const tableData = ref([])
tableData.value = props.excelTable

console.log(tableData.value);
watch(()=>props.excelTable,(newval)=>{
    tableData.value =newval
console.log(tableData.value);
})
</script>

<style lang='less'  scoped>

</style>